<template>
  <el-card shadow="never" header="语言主题">
		<el-form ref="form" label-width="120px" style="margin-top:20px;">
			<el-form-item label="暗黑模式">
				<SwitchTheme />
			</el-form-item>
			<el-form-item label="主题颜色">
        <ColorPicker />
			</el-form-item>
			<el-form-item label="选择语言">
				<el-select v-model="lang">
					<el-option label="简体中文" value="zh-cn" />
					<el-option label="English" value="en" />
					<el-option label="日本語" value="ja" />
				</el-select>
				<div class="el-form-item-msg">有点懒，还没做</div>
			</el-form-item>
		</el-form>
	</el-card>
</template>

<script setup>
import {ref, defineAsyncComponent} from 'vue'
import useConfigStore from '@/store/config'

const SwitchTheme = defineAsyncComponent(() => import('@/components/SwitchTheme'))
const ColorPicker = defineAsyncComponent(() => import('@/components/ColorPicker'))

const {theme} = useConfigStore()
const lang = ref('简体中文')

console.log(theme)
</script>